<template>
  <div>
    {{ message }}
    <br />
    {{ num }}
    <One :value="message" @input="message = $event"></One>
    <One v-model="message"></One>

    <Two :value="num" @input="num = $event"></Two>
    <Two v-model="num"></Two>
  </div>
</template>

<script>
import One from "./components/One.vue";
import Two from "./components/Two.vue";
export default {
  name: "App",
  components: {
    One,
    Two,
  },
  data() {
    return {
      message: 111,
      num: 1,
    };
  },
};
</script>

<style>
</style>
